<!DOCTYPE HTML>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->

 <meta http-equiv="content-type" content="text/html;charset=utf-8"> 
<head>
    <meta charset="UTF-8">

    <!-- Page title -->
    <title>Manifest - Frontpage 3D Slider</title>

    <!-- Meta tags -->
    <meta name="description" content="Manifest - premium template." />
    <meta name="author" content="dbooom.com" />

    <!-- Set the viewport to the device's width -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Page icons -->
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="apple-touch-icon" href="apple-touch-icon.png" />

    <!-- Stylesheets -->
    <link rel="stylesheet" href="styles/styles.css" />
    
    <!-- Other scripts files located at the bottom of the page -->
    <script src="scripts/modernizr-1.6.min.js"></script>
</head>
<body class="page-frontpage">
    <!-- JS notice - We'll show it if js is disabled -->
    <p id="jsnotice">Javascript is currently disabled. This site requires Javascript to function correctly. Please <a href="http://enable-javascript.com/"> enable Javascript in your browser</a>!</p>
    <!-- /JS notice -->

    <!-- Header -->
    <header id="page-header">
        <!-- Site name + slogan -->
        <hgroup>
            <h1 id="site-name"><a href="index-2.html" title="Manifest template frontpage">Manifest template</a></h1>
            <h2 id="site-slogan">Clean, elegant, modern, premium template with rich list of features.</h2>
        </hgroup>
        <!-- /Site name + slogan -->

        <!-- Site navigation wrapper -->
        <div class="navigation-wrapper">
            <!-- Header navigation -->
            <nav id="header-navigation">
                <ul>
                    <li><a href="index-2.html" title="Frontpage">Home</a>
                        <ul class="subnav">
                            <li><a href="index-2.html" title="Nivo Slider">Nivo Slider</a></li>
                            <li><a href="index-3d.html" title="3D Slider">3D Slider</a></li>
                        </ul>
                    </li>

                    <li><a href="#" title="Pages">Pages</a>
                        <ul class="subnav">
                            <li><a href="sidebar-left.html" title="Page with left sidebar">Page with left sidebar</a></li>
                            <li><a href="sidebar-right.html" title="Page with right sidebar">Page with right sidebar</a></li>
                            <li><a href="full-width.html" title="Full width page">Full width page</a></li>
                            <li><a href="team.html" title="Our team">Our team</a></li>
                            <li><a href="404.html" title="Not found page">404 Page</a></li>
                        </ul>
                    </li>

                    <li><a href="#" title="Template features">Features</a>
                        <!-- Subnavigation first level -->
                        <ul class="subnav">
                            <li><a href="features/typography.html" title="Typography elements">Typography</a></li>
                            <li><a href="features/elements.html" title="Boxes and elements">Boxes and elements</a></li>
                            <li><a href="features/tabs.html" title="Tabs & Toggles">Tabs & Toggles</a></li>
                            <li><a href="features/media.html" title="Media">Media</a></li>
                            <li><a href="features/columns.html" title="Columns">Columns</a></li>
                            <li><a href="features/widgets.html" title="Widgets library">Widgets</a></li>
                            <li><a href="#" class="with-subnav" title="Skins">Predefined skins</a>
                                <!-- Subnavigation second level -->
                                <ul class="subnav">
                                    <li><a href="features/skins/blog-post-1.html" title="Skin 1">Skin 1</a></li>
                                    <li><a href="features/skins/blog-post-2.html" title="Skin 2">Skin 2</a></li>
                                    <li><a href="features/skins/blog-post-3.html" title="Skin 3">Skin 3</a></li>
                                    <li><a href="features/skins/blog-post-4.html" title="Skin 4">Skin 4</a></li>
                                    <li><a href="features/skins/blog-post-5.html" title="Skin 5">Skin 5</a></li>
                                </ul>
                                <!-- /Subnavigation second level -->
                            </li>
                            <li class="last"><a href="#" class="with-subnav" title="Second level navigation test">Dropdown 2rd level</a>
                                <!-- Subnavigation second level -->
                                <ul class="subnav">
                                    <li><a href="#" title="Second level dummy">Second level dummy</a></li>
                                    <li><a href="#" title="Second level dummy">Second level dummy</a></li>
                                    <li><a href="#" title="Second level dummy">Second level dummy</a></li>
                                    <li><a href="#" title="Second level dummy">Second level dummy</a></li>
                                    <li class="last"><a class="with-subnav" href="#" title="Second level dummy">Dropdown 3rd level</a>
                                        <!-- Subnavigation third level -->
                                        <ul class="subnav">
                                            <li><a href="#" title="Third level dummy">Third level dummy</a></li>
                                            <li><a href="#" title="Third level dummy">Third level dummy</a></li>
                                            <li class="last"><a href="#" title="Third level dummy">Third level dummy</a></li>
                                        </ul>
                                        <!-- /Subnavigation third level -->
                                    </li>
                                </ul>
                                <!-- /Subnavigation second level -->
                            </li>
                        </ul>
                        <!-- /Subnavigation first level -->
                    </li>

                    <li><a href="portfolio-sidebar.html" title="Portfolio">Portfolio</a>
                        <!-- Subnavigation second level -->
                        <ul class="subnav">
                            <li><a href="portfolio-1.html" title="One Column Portfolio">One Column Portfolio</a></li>
                            <li><a href="portfolio-2.html" title="Two Columns Portfolio">Two Columns Portfolio</a></li>
                            <li><a href="portfolio-3.html" title="Three Columns Portfolio">Three Columns Portfolio</a></li>
                            <li><a href="portfolio-4.html" title="Portfolio Four Columns">Portfolio Four Columns</a></li>
                            <li class="last"><a href="gallery.html" title="Gallery">Gallery</a></li>
                        </ul>
                        <!-- /Subnavigation second level -->
                    </li>

                    <li><a href="blog.html" title="Blog">Blog</a>
                        <!-- Subnavigation second level -->
                        <ul class="subnav">
                            <li><a href="blog-post.html" title="Blog Post">Blog Post</a></li>
                        </ul>
                        <!-- /Subnavigation second level -->
                    </li>

                    <li class="last"><a href="contacts.html" title="Contacts">Contacts</a></li>
                </ul>
            </nav>
            <!-- /Header navigation -->
        </div>
        <!-- /Site navigation wrapper -->
    </header>
    <!-- /Header -->

    <!-- Slider -->
    <div class="slider-wrapper slider-3d">
        <div class="slider-content">
            <div id="piecemaker">
                <p>Put your alternative Non Flash content here.</p>
            </div>
        </div>
    </div>
    <!-- /Slider -->

    <!-- Page body -->
    <div id="page-body" class="container_12 clearfix">
        <div class="page-content">

            <!-- Target action -->
            <div class="motivation-message grid_12 round-3 clearfix">
                <!-- Motivation message -->
                <p class="font-3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
                <!-- /Motivation message -->

                <!-- Motivation button -->
                <a href="#" class="motivation-button btn-xl">Buy template</a>
                <!-- /Motivation button -->
            </div>
            <!-- /Target action -->

            <!-- Front features -->
            <div class="clearfix">
                <!-- Theme features rows -->
                <section class="grid_4">
                    <a href="#" class="img-holder round-3">
                        <img src="assets/portfolio_3-2.jpg" />
                    </a>

                    <h4 class="underlined-header">Unlimited colors variations</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
                </section>
                <!-- /Theme features rows -->

                <!-- Theme features rows -->
                <section class="grid_4">
                    <a href="#" class="img-holder round-3">
                        <img src="assets/portfolio_3-5.jpg" />
                    </a>
                    <h4 class="underlined-header">960 Grid system</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
                </section>
                <!-- /Theme features rows -->

                <!-- Theme features rows -->
                <section class="grid_4">
                    <a href="#" class="img-holder round-3">
                        <img src="assets/portfolio_3-8.jpg" />
                    </a>
                    <h4 class="underlined-header">Semantic HTML5 Markup</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
                </section>
                <!-- /Theme features rows -->
            </div>
            <!-- /Front features -->

            <hr /> <!-- /Separator -->

            <!-- Front content -->
            <div class="clearfix">
                <!-- Front text -->
                <article class="grid_8">
                    <h4 class="underlined-header">Manifest template features</h4>
                    <p>This style sheet describes the typical formatting of all HTML 4 ([HTML4]) elements based on extensive research into current UA practice. Developers are encouraged to use it as a default style sheet in their implementations. For other elements, the legacy presentation can be described in CSS but the solution removes the element.</p>
                    <ul class="featured-list">
                        <li>Donec fermentum diam ut mi interdum sit amet elementum risus porttitor.</li>
                        <li> Fusce adipiscing rhoncus sem, non fringilla lacus interdum vel.</li>
                        <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</li>
                        <li>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</li>
                        <li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</li>
                    </ul>
                </article>
                <!-- /Front text -->

                <!-- Front aside -->
                <section class="grid_4">
                    <h4 class="underlined-header">Video presentation</h4>
                    <p class="round-3 img-holder">
                        <iframe src="http://player.vimeo.com/video/14011024?title=0&amp;byline=0&amp;portrait=0" width="290" height="164"></iframe>
                        <span class="caption">This is the video caption</span>
                    </p>
                </section>
                <!-- /Front aside -->
            </div>
            <!-- Front content -->
        </div>
    </div>
    <!-- /Page body -->

    <!-- Bottom widgets -->
    <div id="bottom-widgets" class="clearfix">
        <div class="container_12 alt-widgets">
            <!-- Row -->
            <div class="grid_4">
                <nav class="widget-container widget-gallery">
                    <h2 class="widget-heading">Gallery widget</h2>
                    <div class="widget-content">
                        <a href="assets/portfolio_1-1.jpg" class="img-holder round-3" rel="prettyPhoto[gallery-1]" title="Image gallery">
                            <img src="assets/gallery_1.jpg" width="70" height="70" alt="Gallery item" />
                        </a>
    
                        <a href="assets/portfolio_1-2.jpg" class="img-holder round-3" rel="prettyPhoto[gallery-1]" title="Image gallery">
                            <img src="assets/gallery_2.jpg" width="70" height="70" alt="Gallery item" />
                        </a>
    
                        <a href="assets/portfolio_1-3.jpg" class="img-holder round-3 gallery-last" rel="prettyPhoto[gallery-1]" title="Image gallery">
                            <img src="assets/gallery_3.jpg" width="70" height="70" alt="Gallery item" />
                        </a>
    
                        <a href="assets/portfolio_1-4.jpg" class="img-holder round-3" rel="prettyPhoto[gallery-1]" title="Image gallery">
                            <img src="assets/gallery_4.jpg" width="70" height="70" alt="Gallery item" />
                        </a>
    
                        <a href="assets/portfolio_1-5.jpg" class="img-holder round-3" rel="prettyPhoto[gallery-1]" title="Image gallery">
                            <img src="assets/gallery_5.jpg" width="70" height="70" alt="Gallery item" />
                        </a>
    
                        <a href="assets/portfolio_1-6.jpg" class="img-holder round-3 gallery-last" rel="prettyPhoto[gallery-1]" title="Image gallery">
                            <img src="assets/gallery_6.jpg" width="70" height="70" alt="Gallery item" />
                        </a>
    
                        <a href="assets/portfolio_1-7.jpg" class="img-holder round-3" rel="prettyPhoto[gallery-1]" title="Image gallery">
                            <img src="assets/gallery_7.jpg" width="70" height="70" alt="Gallery item" />
                        </a>
    
                        <a href="assets/portfolio_1-8.jpg" class="img-holder round-3" rel="prettyPhoto[gallery-1]" title="Image gallery">
                            <img src="assets/gallery_8.jpg" width="70" height="70" alt="Gallery item" />
                        </a>
    
                        <a href="assets/portfolio_1-9.jpg" class="img-holder round-3 gallery-last" rel="prettyPhoto[gallery-1]" title="Image gallery">
                            <img src="assets/gallery_9.jpg" width="70" height="70" alt="Gallery item" />
                        </a>
                    </div>
                </nav>
            </div>
            <!-- /Row -->

            <!-- Row -->
            <div class="grid_4">
                <section class="widget-container widget-tweets">
                    <h2 class="widget-heading">Recent tweets</h2>
                    <div class="widget-content"></div>
                </section>
            </div>
            <!-- /Row -->

            <!-- Row -->
            <div class="grid_4">
                <section class="widget-container widget-contact-form">
                    <h2 class="widget-heading">Contact form</h2>
                    <div class="widget-content">
                        <!-- Contact form -->
                        <form id="contact-form-widget" method="post" action="http://dbooom.com/themes/html/manifest/sendmail.php">
                            <p>
                                <label for="cf_name">Name <span class="required">(Required *)</span></label>
                                <input type="text" name="cf_name" id="cf_name" class="required" required />
                            </p>

                            <p>
                                <label for="cf_email">Email <span class="required">(Required *)</span></label>
                                <input type="email" name="cf_email" id="cf_email" class="required email" required />
                            </p>

                            <p>
                                <label for="cf_message">Message</label>
                                <textarea name="cf_message" id="cf_message" class="required" rows="5" required></textarea>
                            </p>

                            <p>
                                <input type="submit" value="Send message" />
                            </p>
                        </form>

                        <div class="form-sent"></div>
                        <!-- /Contact form -->
                    </div>
                </section>
            </div>
            <!-- /Row -->
        </div>
    </div>
    <!-- /Bottom widgets -->

    <!-- Footer -->
    <footer id="page-footer" class="container_12 clearfix footer-align">
        <!-- Footer credits -->
        <div class="grid_6 footer-info">
            <p>© Copyright 2011 <a href="http://dbooom.com/themes/html/manifest">Dbooom Themes</a> - All Rights Reserved</p>
        </div>
        <!-- /Footer credits -->

        <!-- Footer navigation -->
        <nav class="grid_6 footer-navigation">
            <ul>
                <li><a href="index-2.html" title="Frontpage">Home</a></li>
                <li><a href="blog.html" title="Blog">Blog</a></li>
                <li><a href="portfolio-1.html" title="Portfolio">Portfolio</a></li>
                <li><a href="contacts.html" title="Contact information">Contacts</a></li>
            </ul>
        </nav>
        <!-- /Footer navigation -->
    </footer>
    <!-- /Footer -->

    <!-- Scripts -->
    <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
    <script src="../../../../ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="scripts/jquery.min.js">\x3C/script>')</script>
    <script src="scripts/jquery-ui.min.js"></script>
    <script src="scripts/jquery.easing.1.3.js"></script>
    <script src="scripts/plugins/nivo/jquery.nivo.slider.pack.js"></script>
    <script src="scripts/plugins/prettyphoto/jquery.prettyPhoto.js"></script>
    <script src="scripts/plugins/tipsy/jquery.tipsy.js"></script>
    <script src="scripts/plugins/video-js/video.js"></script>
    <script src="scripts/plugins/tweet/jquery.tweet.js"></script>
    <script src="scripts/plugins/jquery-validate/jquery.validate.min.js"></script>
    <script src="scripts/scripts.js"></script>

    <!-- Piecemaker's required scripts -->
    <script src="scripts/plugins/swfobject/swfobject.js"></script>
    <script type="text/javascript">
        var flashvars = {};
        flashvars.cssSource = "scripts/plugins/peacemaker/piecemaker.css";
        flashvars.xmlSource = "piecemaker.xml";

        var params = {};
        params.play = "true";
        params.menu = "false";
        params.scale = "showall";
        params.wmode = "transparent";
        params.allowfullscreen = "true";
        params.allowscriptaccess = "always";
        params.allownetworking = "all";

        swfobject.embedSWF('scripts/plugins/peacemaker/piecemaker.swf', 'piecemaker', '930', '450', '10', null, flashvars, params, null);
    </script>
    <!-- /Piecemaker's required scripts -->

    <!--[if lt IE 9 ]>
    <script src="scripts/plugins/PIE/PIE.js"></script>
    <script type="text/javascript">
        jQuery('.team-member-img, .team-member-img img, #pager li, #pager a, #pager span').each(function() {
            PIE.attach(this);
        });
    </script>
    <![endif]-->

</body>

 <meta http-equiv="content-type" content="text/html;charset=utf-8"> 
</html>